<template>
	<view class="send-message">
		<view class="iconfont ic_voice"></view>
		<view class="input-wrapper"><input type="text" cursor-spacing ="0" adjust-position="true"></view>
		<view class="iconfont ic_expression"></view>
		<view class="iconfont ic_open"></view>
	</view>
</template>

<script>
	export default {
		name: 'send-message',
		props: {
			data: String,//聊天内容
			time: String,//提取名称的一个字
		}
	}
</script>

<style lang="scss" scoped="true">
	.send-message{
		box-sizing: border-box;
		padding: 0 15upx;
		height: 100upx;
		width: 100%;
		background:#4191ea;
		line-height: 100upx;
		display: flex;
		flex-wrap: nowrap;
		.iconfont{
			width: 80upx;
			text-align: center;
			line-height: 100upx;
			flex: 0 0 auto;
			color: #fff;
			font-size: 60upx;
		}
		.input-wrapper{
			flex:1;
			padding: 10upx;
			input{
				box-sizing: border-box;
				padding: 0 15upx;
				width: 100%;
				height: 100%;
				border-radius: 10upx;
				background: #fff;
			}
		}
	}
</style>